(function () {
    const oEchart = echarts.init(document.getElementById('line02'));
    oEchart.setOption({
        title: {
            text: '填充折线图',
            left: 'center'
        },
        tooltip: {
            show: true
        },
        dataZoom: [//缩放配置,可以对数据范围进行过滤,可以配置多个
            { 
                type: 'slider', //slider滑块缩放，inside不显示滑块，只能鼠标滚轮缩放
                xAxisIndex: 0, //指定产生作用的坐标轴标识
                // start: 0, //初始缩放情况
                // end: 50 //初始缩放情况
            }
        ],
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            boundaryGap: false //距离边缘是否有间隙
        },
        yAxis: {
            type: 'value',
            scale: true //缩放：是否脱离0值约束, 默认是false表示刻度值是从0开始计算
        },
        series: [
            {
                data: [3020, 3032, 3001, 3034, 3090, 3030, 3020],
                type: 'line',
                name: '数量1',
                areaStyle: { //填充区域设置
                    color: 'pink'
                }
            }
        ]
    })
})()